<html>
<title>新手任务编辑</title>

<head>
    <link href="${ctx}/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/font-awesome/3.0.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="${ctx}/css/index.css" rel="stylesheet">
    <link href="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.css" rel="stylesheet">
    <script src="${ctx}/jquery/2.1.4/jquery.min.js"></script>
    <script src="${ctx}/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="${ctx}/bootstrap-table/1.12.0/bootstrap-table.min.js"></script>
    <script src="${ctx}/bootstrap-table/1.12.0/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="${ctx}/bootstrap-table/1.12.0/extensions/export/bootstrap-table-export.min.js"></script>
    <script src="${ctx}/js/extends.js"></script>
    <script src="${ctx}/layui/layui.all.js"></script>
    <script src="${ctx}/js/util.js"></script>
    <link href="${ctx}/layui/css/layui.css" rel="stylesheet">
    <style>
        .btn {
            font-size: 12px;
        }
    </style>
</head>
<body>
<br><br>

<form class="layui-form" action="" lay-filter="item" style="width: 500px;margin: 0 auto;">
    <form class="layui-form" action="" lay-filter="item" style="width: 500px;margin: 0 auto;">

        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 135px;padding-left: 0;text-align: right"><span
                        class="c-red">*</span>任务标题</label>
            <div class="layui-input-block" style="width: 325px;margin-left: 135px;">
                <input type="text" name="title" lay-verify="required" placeholder="请输入标题"
                       autocomplete="off" class="layui-input" value="${item.title!''}">
            </div>
        </div>


        <input type="hidden" name="taskId" placeholder="请输入任务id"
               autocomplete="off" class="layui-input" value="${item.taskId!''}">

        <#if new??>
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 135px;padding-left: 0;text-align: right"><span
                            class="c-red">*</span>公众号code</label>
                <div class="layui-input-block" style="width: 325px;margin-left: 135px;">
                    <input type="text" name="code" id="code" lay-verify="required" placeholder="请输入公众号code"
                           autocomplete="off" class="layui-input" value="${item.code!''}">
                </div>
            </div>
        <#else >
            <input type="hidden" name="code" id="code" lay-verify="required" placeholder="请输入公众号code"
                   autocomplete="off" class="layui-input" value="${item.code!''}">

        </#if>


        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 135px;padding-left: 0;text-align: right"><span
                        class="c-red">*</span>应用id</label>
            <div class="layui-input-block" style="width: 325px;margin-left: 135px;">
                <input type="text" name="appId" lay-verify="required" placeholder="请输入应用id"
                       autocomplete="off" class="layui-input" value="${item.appId!''}">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 135px;padding:0 15px 9px 0;text-align: right"><span
                        class="c-red">*</span>请输入提示用戶输入词语</label>
            <div class="layui-input-block" style="width: 325px;margin-left: 135px;">
                <input type="text" name="label" lay-verify="required" placeholder="请输入提示用戶输入词语"
                       autocomplete="off" class="layui-input" value="${item.label!''}">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" style="width: 135px;padding-left: 0;text-align: right"><span
                        class="c-red">*</span>金额(单位分)</label>
            <div class="layui-input-block" style="width: 325px;margin-left: 135px;">
                <input type="number" name="worth" lay-verify="required" placeholder="请输入金额(单位分)"
                       autocomplete="off" class="layui-input" value="${item.worth!''}">
            </div>
        </div>


        <input type="hidden" name="status" lay-verify="required" placeholder="请输入状态"
               autocomplete="off" class="layui-input" value="${item.status!'On'}">


        <div class="layui-form-item">
            <div class="layui-input-block" style="margin-left: 135px">
                <button class="layui-btn" lay-submit lay-filter="formUpdate">保存</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                <#if hascode??>
                    <input class="layui-btn layui-btn-normal" onclick="gzhpz()" value="配置公众号信息" style="width: 140px">
                </#if>
            </div>
        </div>
    </form>


    <script>

        $(document).ready(function () {
            layui.use('form', function () {

                var form = layui.form;
                form.render();
                form.on('submit(formUpdate)', function (data) {
                    $.ajax({
                        url: "/newhand/focusedit",    //请求的url地址
                        dataType: "json",   //返回格式为json
                        async: true,//请求是否异步，默认为异步，这也是ajax重要特性
                        data: data.field,    //参数值,键值对
                        type: "post",   //请求方式
                        beforeSend: function () {
                            //请求前的处理
                        },
                        success: function (req) {
                            //请求成功时处理
                            if (req.success) {
                                parent.showmsg(req.message);
                                parent.search();
                                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                                parent.layer.close(index); //再执行关闭

                            } else {
                                layer.msg(req.message)
                            }
                        },
                        complete: function () {
                            //请求完成的处理
                        },
                        error: function () {
                            //请求出错处理
                            layer.msg("请重试！若在失败请联系管理员")
                        }
                    });

                    return false;
                });
            });
        });

        layui.use('upload', function () {
            var upload = layui.upload;

            //执行实例
            var uploadInst = upload.render({
                elem: '#test1' //绑定元素
                , url: '/uploadnowatemark' //上传接口
                , acceptMime: 'image/jpg, image/png'
                , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                    i = ityzl_SHOW_LOAD_LAYER();
                }
                , done: function (res) {
                    ityzl_CLOSE_LOAD_LAYER(i);
                    //上传完毕回调
                    //do something （比如将res返回的图片链接保存到表单的隐藏域）
                    //  layer.msg(res.msg);
                    ityzl_SHOW_TIP_LAYER();
                    var form = layui.form;
                    form.val("item", {
                        "icon": res.image
                    })
                    $("#icon").attr("src", res.image);
                }
                , error: function () {
                    //请求异常回调
                    ityzl_CLOSE_LOAD_LAYER(i);
                    layer.msg("上传失败请重试！")
                }
            });
        });

        function ityzl_SHOW_LOAD_LAYER() {
            return layer.msg('努力上传中...', {
                icon: 16,
                shade: [0.5, '#f5f5f5'],
                scrollbar: false,
                offset: '0px',
                time: 100000
            });
        }

        function ityzl_CLOSE_LOAD_LAYER(index) {
            layer.close(index);
        }

        function ityzl_SHOW_TIP_LAYER() {
            layer.msg('恭喜您，上传完成！', {time: 1000, offset: '10px'});
        }

        function gzhpz() {
            var code = $('#code').val();
            if (code != '') {
                layer_show("公众号参数配置", "/newhand/wxconfigedit?code=" + code, "500", "600");
            } else {
                layer.msg("请填写公众号code!")
            }
        }

        function showmsg(msg) {
            layer.msg(msg)
        }

    </script>
    <!--/请在上方写此页面业务相关的脚本-->
</body>
</html>